// index.js
// const app = getApp()
const { envList } = require('../../../envList.js');

Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 搜索框
    focus:false,

    // 导航栏
    nav:[{name:'推荐', isChecked:true},
          {name:'最新', isChecked:false},
          {name:'最近', isChecked:false}],
    
    // 职位信息
    jobsList:[]

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getJobsListFromServer()  // 从服务端获取数据
  },

  getJobsListFromServer() {
    const db = wx.cloud.database({
      env:'cloud1-7ga1gap5b02855ab'
    })

    db.collection('jobsList').get({
      success: res => {
        console.log(res.data)
        this.setData({
          jobsList: res.data
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  // 点击唤起键盘
  search(e) {
    this.setData({
      focus:true
    })
    // 获取输入框中的内容
    let value = e.detail.value;
    
  },

  // 设置点击后的样式
  tapStyle(e) {
    var index = e.target.dataset.info;    // 获得该按钮的序号
    
    for(var i=0; i<this.data.nav.length; i++) {   // 给所有按钮设置默认状态
      var isChecked = "nav["+ i + "].isChecked";
      this.setData({
        [isChecked]:false
      })
    }

    isChecked = "nav["+ index + "].isChecked";    // 给选中按钮单独设置选中状态
    this.setData({    
      [isChecked]:true
    })
  },
  
  // 点击卡片跳转到查看职位详情页
  viewJobDetails() {
    wx.navigateTo({
      url: '/pages/find_jobs/detail/detail',
    })
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    if (typeof this.getTabBar === 'function' && this.getTabBar()) {
        this.getTabBar().setData({
          selected: 0
        })
      }
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})